<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="../src/css/cart.css">
    <link rel="stylesheet" href="../src/lib/layui/css/layui.css">
</head>

<body>
    <div id="head"></div>



    <div class="cartbox">
        <div class="cartbox1">
            <div class="cart-none">
                <img src="../src/imgs/cartempty.png" alt="">
                <p>您的购物车里还没有商品</p>
                <a href="http://127.0.0.1:5500/2004/sweetheart/html/list.html">去购物>></a>
            </div>
            <div class="cartgoods">

                <ul class="thead">
                    <li class="lil4"><input type="checkbox">&nbsp;&nbsp;全选</li>
                    <li class="lil">商品</li>
                    <li class="lil1">单价</li>
                    <li class="lil2">数量</li>
                    <li class="lil3">金额</li>
                </ul>
                <div class="tbodybox">
                    <!-- <table>
                            <tbody>
                                <tr>
                                    <td class="checkbox"><input class="check-one check" type="checkbox" /></td>
                                    <td class="tutu"><a href="">
                                        <img src="../src/imgs/0ea4487ad7396ba9feb1c1cae34e2043.jpg" alt="">
                                    </a></td>
                                    <td>
                                        <div class="div">
                                            <h4>Deep Bailey's Lovers 深爱</h4>
                                            <span>规格：454g(1.0磅)</span>
                                        </div>
                                    </td>
                                    <td>
                                        <p>¥268.00</p>
                                    </td>
                                    <td>
                                        <div class="numb">
                                            <input class="jian" type="button">
                                            <input class="num" type="text" value="1">
                                            <input class="jia" type="button">
                                        </div>
                                    </td>
                                    <td>
                                        <p class="pp">¥268.00</p>
                                    </td>
                                    <td class="td">
                                        <a class="aa" href=""><i></i></a>
                                    </td>
                                </tr>
                            </tbody>
                        </table> -->
                </div>
                <div class="jie">
                    <div class="suan">
                        <a class="kong"><i></i>全部清空</a>
                        <div class="suan1">
                            <p>商品金额：¥<span>0.00</span></p>
                            <!-- <span>商品金额：¥ 268.00</span><br> -->
                            <!-- <span>活动优惠：¥ 0.00</span> -->
                            <p>活动优惠：¥ 0.00</p>
                        </div>

                    </div>
                    <div class="total">
                        <div class="stotal">
                            <p class="p2">合计：¥<span>0.00</span></p>
                            <p class="p1">已选商品<span>0</span>件</p>
                        </div>

                    </div>
                    <div class="cart_btn">
                        <a href="http://127.0.0.1:5500/2004/sweetheart/html/jiesuan.html">结算</a>
                    </div>

                </div>

            </div>


            <!-- 商品推荐 -->
            <div class="tui">
                <h2>商品推荐</h2>
                <ul>
                    <li class="last"><img src="../src/imgs/47696431578cb52ce8f8788c9927f8ac.jpg" alt=""></li>
                    <li class="last"><img src="../src/imgs/2f79dc40fd2db4fdad5c52f2c7dfedd2.jpg" alt=""></li>
                    <li class="last"><img src="../src/imgs/16402f5f4f006231871d81dc71f35b05.jpg" alt=""></li>
                    <li class="last1"><img src="../src/imgs/eb6066c7d9c25ca55e338ee611c897da.jpg" alt=""></li>
                </ul>
            </div>
        </div>
    </div>




    <div id="foot"></div>
</body>
<script src="../src/lib/jquery-1.11.3.js"></script>
<script src="../src/lib/layui/layui.js"></script>
<script src="../src/js/index.js"></script>
<script src="../src/js/cart.js" type="module"></script>

</html>